<div class="layui-fluid">
    <style>
        .layui-table-tool,.layui-table-column.layui-table-page,.layui-table-main{
            background-color: white;
        }
    </style>
    <fieldset class="layui-elem-field layui-bg-white">
        <legend></legend>
        <div class="layui-field-box">
            <div  class="layui-form layui-row layui-col-space16 search-criteria" lay-filter="reset-val-filter">
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="name" placeholder="角色名称" class="layui-input" lay-affix="clear" lay-filter="clear">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="type" name="type" placeholder="角色类型" lay-affix="clear" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <select name="status" id="dict-status-select">
                        <option value="">角色状态</option>
                        <option value="0">停用</option>
                        <option value="1">启用</option>
                    </select>
                </div>

                <div class="layui-btn-container layui-col-md3" style="text-align: center">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="table-search">查询</button>
                </div>
            </div>
        </div>
    </fieldset>
    <table class="layui-hide" id="role-list" lay-filter="role-list"></table>

</div>

<script type="text/javascript">
    {{#
        top.tools.loadscripts(["/js/page/from-component/RoleModule.js"], function () {
            templateViewInit();
        })
    }}
</script>